@use './variables.scss' as *;

// 全局样式
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  'Noto Color Emoji';
  font-size: $font-size-base;
  line-height: 1.5;
  color: $text-color;
  background-color: $background-color;
}

.color {
  color: #333
}

// 通用工具类
.text-primary {
  color: $primary-color;
}

.text-success {
  color: $success-color;
}

.text-warning {
  color: $warning-color;
}

.text-error {
  color: $error-color;
}

// 间距工具类
.m-xs {
  margin: $spacing-xs;
}

.m-sm {
  margin: $spacing-sm;
}

.m-md {
  margin: $spacing-md;
}

.m-lg {
  margin: $spacing-lg;
}

.p-xs {
  padding: $spacing-xs;
}

.p-sm {
  padding: $spacing-sm;
}

.p-md {
  padding: $spacing-md;
}

.p-lg {
  padding: $spacing-lg;
}


.form-container {
  display: flex;
  flex-direction: column;
  gap: 10px;

  .van-button {
    margin-top: 10px;
  }
}

.card-container {
  border-radius: 10px;
  background-color: white;
  box-shadow: 0 4px 10px rgb(175 175 175 / 10%);
  overflow: hidden;
}

.card-sd {
  box-shadow: 0 4px 10px rgb(175 175 175 / 10%);
}

.ft-s-12 {
  font-size: 12px;
}

.ft-s-14 {
  font-size: 14px;
}

.ft-s-16 {
  font-size: 16px;
}

.ft-s-18 {
  font-size: 18px;
}

.ft-s-20 {
  font-size: 20px;
}

.ft-s-22 {
  font-size: 22px;
}

.ft-w-b {
  font-weight: bold;
}

.bc-w {
  background-color: #e0f2fe;
}

.bc-g {
  background-color: #ccfbf1;
}

.ft-c-c {
  color: #ccc;
}

.ft-c-b {
  color: #075985;
}

.ft-c-g {
  color: #115e59;
}
.ft-c-bu {
  color: #1989fa;
}

.ft-c-gn {
  color: #10b981;
}

.ft-c-333 {
  color: #333;
}

.ft-c-666 {
  color: #666;
}

.ft-c-999 {
  color: #999;
}

.txt-a-c {
  text-align: center;
}

.text-a-r {
  text-align: right;
}

.line-h-24 {
  line-height: 24px;
}

.line-h-20 {
  line-height: 20px;
}

.line-h-16 {
  line-height: 16px;
}

.line-h-12 {
  line-height: 12px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.flex {
  display: flex;
}

.justify-between {
  justify-content: space-between;
}

.items-center {
  align-items: center;
}

/* 新增悬浮返回按钮样式 */
.fixed-back-button {
  position: fixed!important;
  bottom: 50px;
  right: 30px;
  width: 50px!important;
  height: 50px!important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none!important;
  box-shadow: 0 4px 8px rgba(148, 148, 148, 0.2);
  border-radius: 100px!important;
}

/* 新增悬浮返回按钮样式 */
.fixed-back-button  .van-button__icon{
  font-size: 26px;
  color: #666;
}
